<style>
    /* 根据字数修改 */
    .layui-form-label {
        width: 100px;
        text-align: left;
    }

    .layui-mini {
        display: inline-block;
        width: 90px;
        height: 25px;
        border-radius: 4px;
    }

    .input-number-mini .layui-input-wrap {
        width: 90px;
        line-height: 25px;
        display: inline-block;
    }

    .input-number-mini .layui-input-group .layui-input-split {
        background: #fafafa;
        border-radius: 0 6px 6px 0;
    }

    .input-number-mini .layui-input-wrap .layui-input-suffix.layui-input-split {
        border-width: 0;
        border-left-width: 1px;
        height: 23px;
        margin-top: 1px;
        border-radius: 0px;
        border-right: 1px solid #eeeeee;
    }

    .input_number .layui-input-wrap {
        width: 100%;
    }

    .card-edit .base-card {
        background: rgba(0, 0, 0, .0196078431) !important
    }

    .list-item,
    .list {
        display: flex;
        align-items: baseline;
        padding: 12px 10px;
        flex-wrap: wrap;
        border-radius: 4px;
    }

    .card-edit .list-item {
        border: 1px solid #fff;
        background: #fff;
    }

    .card-edit .list-item.active {
        border: 1px solid var(--primary-color);
        background: var(--primary-hover-color);
    }

    .tip {
        color: #00000073;
        margin-left: 12px;
        font-size: 12px;
        width: 100%;
    }
</style>
<div class="layuimini-container layuimini-page-anim">
    <!-- 用于创建子页面 -->
    <div class="page-create"></div>
    <!-- page-main-create -->
    <!-- 用于显示 隐藏 -->
    <div class="layuimini-main page-main-create">
        <form id="pane-0" class="pane-form layui-form" action="">
            <div class="title-row layuimini-title title-sticky">
                <div class="title-left">
                    <h4><span> <i class="layui-icon layui-icon-return anticon mr-1" id="backBtn"></i>计件积分工单加减分配置</span>
                    </h4>
                </div>
                <div class="title-right">
                    <span class="title-right-text">
                        <button class="layui-btn layui-btn-primary layui-btn-sm cancel-btn " lay-on="cancel">取消</button>
                        <button class="layui-btn layui-btn-normal layui-btn-sm save-btn " lay-submit
                            lay-filter="saveBtn">保存</button>
                    </span>
                </div>
            </div>
            <div class="section">


                <div class="layui-bg-red-500 layui-bg-white top-panel card-edit p-5 mb-5">
                    <div class="title-row pb-0">
                        <div class="title-left">
                            <div class="title-info">
                                <div class="title-line"></div>
                                <span class="title-text">通用规则</span>
                            </div>
                        </div>
                    </div>
                    <div class="p-5 base-card">
                        <div class="layui-row layui-col-space10 layui-font-gray">
                            <div class="layui-col-md12">
                                <div class="flex-middle justify-start">
                                    <div class="checkbox-input">
                                        <input type="checkbox" name="laterTimeCheck" checked>
                                    </div>
                                    <div class="font-weight layui-font-14 layui-font-black">
                                        设置接单门槛
                                    </div>
                                </div>
                                <div class="layui-font-12 layui-font-gray">基于前一天的工作情况判断当天是否可以接积分工单</div>
                            </div>


                            <div class="layui-col-md4">
                                <div class="list-item">
                                    <span class="layui-font-black pr-3">
                                        前一天工作综合得分
                                        <span class="layui-font-12 layui-font-gray">(满分100分)：</span>
                                        不低于
                                    </span>
                                    <span class="form-input input-number-mini layui-font-black mr-3">
                                        <div class="layui-input-group">
                                            <input type="text" name="laterTime" lay-verify="required" lay-affix="number"
                                                placeholder="请输入" step="1" min="0" max="100"
                                                class="layui-input layui-mini">
                                            <div class="layui-input-split layui-input-suffix">
                                                分
                                            </div>
                                        </div>
                                    </span>
                                </div>
                            </div>
                            <div class="layui-col-md12">
                                <div class="solid layui-bg-white py-5">
                                    <div class="font-weight layui-font-14 layui-font-black pl-5 pb-3">
                                        综合得分扣分规则
                                        <i class="layui-icon layui-icon-tips layui-font-grey"
                                            lay-on="question_tips"></i>
                                    </div>
                                    <div class="layui-row layui-bg-gray py-3 font-weight layui-font-black">
                                        <div class="layui-col-xs3 t-c">类型</div>
                                        <div class="layui-col-xs4 t-c">阈值</div>
                                        <div class="layui-col-xs4 t-c">扣分值</div>
                                        <div class="layui-col-xs1 t-c">操作</div>
                                    </div>
                                    <div class="layui-row py-3 font-weight layui-font-black">
                                        <div class="layui-col-xs3 t-c pl-5">
                                            <select class="layui-input" lay-append-to="body" placeholder="请选择"
                                                name="supplierCodes" lay-search>
                                                <option value="1">及时工单率（普通工单）</option>
                                                <option value="2">及时完单率（普通工单）</option>
                                                <option value="3">考勤异常</option>
                                                <option value="4">作业不规范</option>
                                            </select>

                                        </div>
                                        <div class="layui-col-xs4 t-c">
                                            <div class="form-input input_number">
                                                <div class="layui-input-group m-auto">
                                                    <input type="text" name="laterTime" lay-verify="required"
                                                        lay-affix="number" placeholder="请输入" step="1" min="0" max="100"
                                                        class="layui-input">
                                                    <div class="layui-input-split layui-input-suffix">
                                                        %
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="layui-col-xs4 t-c">
                                            <div class="form-input input_number">
                                                <div class="layui-input-group m-auto">
                                                    <input type="text" name="laterTime" lay-verify="required"
                                                        lay-affix="number" placeholder="请输入" step="1" min="0" max="100"
                                                        class="layui-input">
                                                    <div class="layui-input-split layui-input-suffix">
                                                        分
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="layui-col-xs1 t-c">
                                            <span class="layui-icon layui-icon-delete layui-font-20"></span>
                                        </div>
                                    </div>
                                    <div class="layui-row py-3 font-weight layui-font-black">
                                        <div class="layui-col-xs3 t-c pl-5">
                                            <select class="layui-input" lay-append-to="body" placeholder="请选择"
                                                name="supplierCodes" lay-search>
                                                <option value="1">及时工单率（普通工单）</option>
                                                <option value="2">及时完单率（普通工单）</option>
                                                <option value="3">考勤异常</option>
                                                <option value="4">作业不规范</option>
                                            </select>

                                        </div>
                                        <div class="layui-col-xs4 t-c">
                                            <div class="form-input input_number">
                                                <div class="layui-input-group m-auto">
                                                    <input type="text" name="laterTime" lay-verify="required"
                                                        lay-affix="number" placeholder="请输入" step="1" min="0" max="100"
                                                        class="layui-input">
                                                    <div class="layui-input-split layui-input-suffix">
                                                        %
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="layui-col-xs4 t-c">
                                            <div class="form-input input_number">
                                                <div class="layui-input-group m-auto">
                                                    <input type="text" name="laterTime" lay-verify="required"
                                                        lay-affix="number" placeholder="请输入" step="1" min="0" max="100"
                                                        class="layui-input">
                                                    <div class="layui-input-split layui-input-suffix">
                                                        分
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="layui-col-xs1 t-c">
                                            <span class="layui-icon layui-icon-delete layui-font-20"></span>
                                        </div>
                                    </div>

                                    <div class="layui-row py-3 font-weight layui-font-black">
                                        <div class="layui-col-xs3 t-c pl-5">
                                            <button type="button" class="layui-btn layui-btn-primary layui-btn-fluid">
                                                <span class="layui-icon layui-icon-addition"></span>新增
                                            </button>
                                        </div>
                                    </div>

                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="py-3"></div>
                    <div class="p-5 base-card">
                        <div class="layui-row layui-col-space20 layui-font-gray layui-bg-gray">
                            <div class="layui-col-md12">
                                <div class="font-weight pl-4 layui-font-14 layui-font-black">
                                    验收、抽查减分
                                </div>
                            </div>
                            <div class="layui-col-md5">
                                <div class="list-item active">
                                    <div class="checkbox-input ">
                                        <input type="checkbox" name="laterTimeCheck" checked>
                                    </div>
                                    <span class="layui-font-black">工单验收不通过减分范围：</span>
                                    <span class="form-input input-number-mini layui-font-black mr-3">
                                        <div class="layui-input-group">
                                            <input type="text" name="laterTime" lay-verify="required" lay-affix="number"
                                                placeholder="请输入" step="1" min="0" max="100"
                                                class="layui-input layui-mini">
                                            <div class="layui-input-split layui-input-suffix">
                                                分
                                            </div>
                                        </div>
                                    </span>
                                    <span>-</span>
                                    <span class="form-input input-number-mini layui-font-black ml-3">
                                        <div class="layui-input-group">
                                            <input type="text" name="laterTime" lay-verify="required" lay-affix="number"
                                                placeholder="请输入" step="1" min="0" max="100"
                                                class="layui-input layui-mini">
                                            <div class="layui-input-split layui-input-suffix">
                                                分
                                            </div>
                                        </div>

                                    </span>
                                </div>
                            </div>
                            <div class="layui-col-md5">
                                <div class="list-item active">
                                    <div class="checkbox-input ">
                                        <input type="checkbox" name="laterTimeCheck" checked>
                                    </div>
                                    <span class="layui-font-black">工单抽查不通过减分范围：</span>
                                    <span class="form-input input-number-mini layui-font-black mr-3">
                                        <div class="layui-input-group">
                                            <input type="text" name="laterTime" lay-verify="required" lay-affix="number"
                                                placeholder="请输入" step="1" min="0" max="100"
                                                class="layui-input layui-mini">
                                            <div class="layui-input-split layui-input-suffix">
                                                分
                                            </div>
                                        </div>
                                    </span>
                                    <span>-</span>
                                    <span class="form-input input-number-mini layui-font-black ml-3">
                                        <div class="layui-input-group">
                                            <input type="text" name="laterTime" lay-verify="required" lay-affix="number"
                                                placeholder="请输入" step="1" min="0" max="100"
                                                class="layui-input layui-mini">
                                            <div class="layui-input-split layui-input-suffix">
                                                分
                                            </div>
                                        </div>

                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="py-3"></div>
                    <div class="p-5 base-card">
                        <div class="layui-row layui-col-space10 layui-font-gray">
                            <div class="layui-col-md12">
                                <div class="flex-middle justify-start">
                                    <div class="checkbox-input">
                                        <input type="checkbox" name="laterTimeCheck" checked>
                                    </div>
                                    <div class="font-weight layui-font-14 layui-font-black">
                                        报单加分
                                    </div>
                                </div>
                                <div class="layui-font-12 layui-font-gray">（有效报单—工单被处理并到“已完成”状态）</div>
                            </div>

                            <div class="layui-col-md12">
                                <div class="solid layui-bg-white py-5">
                                    <div class="font-weight layui-font-14 layui-font-black pl-5 pb-3">
                                        可加分的岗位和加分规则
                                    </div>
                                    <div class="flex-middle justify-start layui-font-14 layui-font-black pl-5 pb-5">
                                        <div>规则一：</div>
                                        <div>
                                            <select class="layui-input" lay-append-to="body" placeholder="请选择"
                                                name="supplierCodes" lay-search>
                                                <option value="1">环卫班长</option>
                                            </select>
                                        </div>
                                        <div>发起的有效报单，且工单的处理人非报单人时可以加分</div>
                                    </div>

                                    <div class="font-weight layui-font-14 layui-font-black pl-5 pb-3">
                                        可加分的请求类及分数设置
                                    </div>
                                    <div class="layui-row layui-bg-gray py-3 font-weight layui-font-black">
                                        <div class="layui-col-xs7 t-c">请求类</div>
                                        <div class="layui-col-xs4 t-c">加分值</div>
                                        <div class="layui-col-xs1 t-c">操作</div>
                                    </div>
                                    <div class="layui-row py-3 font-weight layui-font-black">
                                        <div class="layui-col-xs7 t-c pl-5">
                                            <select class="layui-input" lay-append-to="body" placeholder="请选择"
                                                name="supplierCodes" lay-search>
                                                <option value="1">及时工单率（普通工单）</option>
                                                <option value="2">及时完单率（普通工单）</option>
                                                <option value="3">考勤异常</option>
                                                <option value="4">作业不规范</option>
                                            </select>

                                        </div>
                                        <div class="layui-col-xs4 t-c">
                                            <div class="form-input input_number">
                                                <div class="layui-input-group m-auto">
                                                    <input type="text" name="laterTime" lay-verify="required"
                                                        lay-affix="number" placeholder="请输入" step="1" min="0" max="100"
                                                        class="layui-input">
                                                    <div class="layui-input-split layui-input-suffix">
                                                        %
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="layui-col-xs1 t-c">
                                            <span class="layui-icon layui-icon-delete layui-font-20"></span>
                                        </div>
                                    </div>
                                    <div class="layui-row py-3 font-weight layui-font-black">
                                        <div class="layui-col-xs7 t-c pl-5">
                                            <select class="layui-input" lay-append-to="body" placeholder="请选择"
                                                name="supplierCodes" lay-search>
                                                <option value="1">及时工单率（普通工单）</option>
                                                <option value="2">及时完单率（普通工单）</option>
                                                <option value="3">考勤异常</option>
                                                <option value="4">作业不规范</option>
                                            </select>

                                        </div>
                                        <div class="layui-col-xs4 t-c">
                                            <div class="form-input input_number">
                                                <div class="layui-input-group m-auto">
                                                    <input type="text" name="laterTime" lay-verify="required"
                                                        lay-affix="number" placeholder="请输入" step="1" min="0" max="100"
                                                        class="layui-input">
                                                    <div class="layui-input-split layui-input-suffix">
                                                        %
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="layui-col-xs1 t-c">
                                            <span class="layui-icon layui-icon-delete layui-font-20"></span>
                                        </div>
                                    </div>

                                    <div class="layui-row py-3 font-weight layui-font-black">
                                        <div class="layui-col-xs3 t-c pl-5">
                                            <button type="button" class="layui-btn layui-btn-primary layui-btn-fluid">
                                                <span class="layui-icon layui-icon-addition"></span>新增
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="layui-col-md12">
                                <div class="flex-middle justify-start">
                                    <div class="checkbox-input">
                                        <input type="checkbox" name="laterTimeCheck" checked>
                                    </div>
                                    <div class="font-weight layui-font-14 layui-font-black">
                                        工单派发时忽略积分设置的工单来源（此规则对计时、计件工单同时生效）
                                    </div>
                                </div>

                                <div class="solid layui-bg-white py-5 mt-5">
                                    <div class="layui-row py-3 font-weight layui-font-black">
                                        <div class="layui-col-xs6 t-c pl-5">
                                            <select class="layui-input" lay-append-to="body" placeholder="请选择"
                                                name="supplierCodes" lay-search>
                                                <option value="1">及时工单率（普通工单）</option>
                                                <option value="2">及时完单率（普通工单）</option>
                                                <option value="3">考勤异常</option>
                                                <option value="4">作业不规范</option>
                                            </select>
                                        </div>
                                    </div>


                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                <!-- 按路线积分类工单 -->
                <!-- 按路线积分类工单 -->
                <!-- 按路线积分类工单 -->
                <div class="layui-bg-orange-500 layui-bg-white top-panel card-edit p-5 mb-5">
                    <div class="title-row">
                        <div class="title-left">
                            <div class="title-info">
                                <div class="title-line"></div>
                                <span class="title-text">按路线积分类工单</span>
                            </div>
                        </div>
                    </div>
                    <div class="p-5 base-card">
                        <div class="layui-row layui-col-space20 layui-font-gray layui-bg-gray">
                            <div class="layui-col-md12">
                                <div class="font-weight pl-4 layui-font-14 layui-font-black">
                                    常规工单
                                </div>
                            </div>
                            <div class="layui-col-md4">
                                <div class="list-item active">
                                    <div class="checkbox-input ">
                                        <input type="checkbox" name="laterTimeCheck" checked>
                                    </div>
                                    <span class="layui-font-black">作业未达标：</span>
                                    <span class="form-input input-number-mini layui-font-black mr-3">
                                        <div class="layui-input-group">
                                            <input type="text" name="laterTime" lay-verify="required" lay-affix="number"
                                                placeholder="请输入" step="1" min="0" max="100"
                                                class="layui-input layui-mini">
                                            <div class="layui-input-split layui-input-suffix">
                                                %
                                            </div>
                                        </div>
                                    </span>
                                    <span>积分/每单</span>
                                </div>
                            </div>
                            <div class="layui-col-md4">
                                <div class="list-item active">
                                    <div class="checkbox-input ">
                                        <input type="checkbox" name="laterTimeCheck" checked>
                                    </div>
                                    <span class="layui-font-black">未及时接单：</span>
                                    <span class="form-input input-number-mini layui-font-black mr-3">
                                        <div class="layui-input-group">
                                            <input type="text" name="laterTime" lay-verify="required" lay-affix="number"
                                                placeholder="请输入" step="1" min="0" max="100"
                                                class="layui-input layui-mini">
                                            <div class="layui-input-split layui-input-suffix">
                                                %
                                            </div>
                                        </div>
                                    </span>
                                    <span>积分/每单</span>
                                </div>
                            </div>
                            <div class="layui-col-md4">
                                <div class="list-item active">
                                    <div class="checkbox-input ">
                                        <input type="checkbox" name="laterTimeCheck" checked>
                                    </div>
                                    <span class="layui-font-black">未及时完工：</span>
                                    <span class="form-input input-number-mini layui-font-black mr-3">
                                        <div class="layui-input-group">
                                            <input type="text" name="laterTime" lay-verify="required" lay-affix="number"
                                                placeholder="请输入" step="1" min="0" max="100"
                                                class="layui-input layui-mini">
                                            <div class="layui-input-split layui-input-suffix">
                                                %
                                            </div>
                                        </div>
                                    </span>
                                    <span>积分/每单</span>
                                </div>
                            </div>
                            <div class="layui-col-md4">
                                <div class="list-item active">
                                    <div class="checkbox-input ">
                                        <input type="checkbox" name="laterTimeCheck" checked>
                                    </div>
                                    <span class="layui-font-black">未及时接单、完工：</span>
                                    <span class="form-input input-number-mini layui-font-black mr-3">
                                        <div class="layui-input-group">
                                            <input type="text" name="laterTime" lay-verify="required" lay-affix="number"
                                                placeholder="请输入" step="1" min="0" max="100"
                                                class="layui-input layui-mini">
                                            <div class="layui-input-split layui-input-suffix">
                                                %
                                            </div>
                                        </div>
                                    </span>
                                    <span>积分/每单</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="py-3"></div>
                    <div class="p-5 base-card">
                        <div class="layui-row layui-col-space20 layui-font-gray layui-bg-gray">
                            <div class="layui-col-md12">
                                <div class="font-weight pl-4 layui-font-14 layui-font-black">
                                    临时报事工单
                                </div>
                            </div>
                            <div class="layui-col-md4">
                                <div class="list-item active">
                                    <div class="checkbox-input ">
                                        <input type="checkbox" name="laterTimeCheck" checked>
                                    </div>
                                    <span class="layui-font-black">未及时接单：</span>
                                    <span class="form-input input-number-mini layui-font-black mr-3">
                                        <div class="layui-input-group">
                                            <input type="text" name="laterTime" lay-verify="required" lay-affix="number"
                                                placeholder="请输入" step="1" min="0" max="100"
                                                class="layui-input layui-mini">
                                            <div class="layui-input-split layui-input-suffix">
                                                %
                                            </div>
                                        </div>
                                    </span>
                                    <span>积分/每单</span>
                                </div>
                            </div>
                            <div class="layui-col-md4">
                                <div class="list-item active">
                                    <div class="checkbox-input ">
                                        <input type="checkbox" name="laterTimeCheck" checked>
                                    </div>
                                    <span class="layui-font-black">未及时完工：</span>
                                    <span class="form-input input-number-mini layui-font-black mr-3">
                                        <div class="layui-input-group">
                                            <input type="text" name="laterTime" lay-verify="required" lay-affix="number"
                                                placeholder="请输入" step="1" min="0" max="100"
                                                class="layui-input layui-mini">
                                            <div class="layui-input-split layui-input-suffix">
                                                %
                                            </div>
                                        </div>
                                    </span>
                                    <span>积分/每单</span>
                                </div>
                            </div>
                            <div class="layui-col-md4">
                                <div class="list-item active">
                                    <div class="checkbox-input ">
                                        <input type="checkbox" name="laterTimeCheck" checked>
                                    </div>
                                    <span class="layui-font-black">未及时接单、完工：</span>
                                    <span class="form-input input-number-mini layui-font-black mr-3">
                                        <div class="layui-input-group">
                                            <input type="text" name="laterTime" lay-verify="required" lay-affix="number"
                                                placeholder="请输入" step="1" min="0" max="100"
                                                class="layui-input layui-mini">
                                            <div class="layui-input-split layui-input-suffix">
                                                %
                                            </div>
                                        </div>
                                    </span>
                                    <span>积分/每单</span>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>


                <!-- 按点位积分类工单 -->
                <!-- 按点位积分类工单 -->
                <!-- 按点位积分类工单 -->
                <div class="layui-bg-green-500 layui-bg-white top-panel card-edit p-5 mb-5">
                    <div class="title-row">
                        <div class="title-left">
                            <div class="title-info">
                                <div class="title-line"></div>
                                <span class="title-text">按点位积分类工单</span>
                            </div>
                        </div>
                    </div>
                    <div class="p-5 base-card">
                        <div class="layui-row layui-col-space20 layui-font-gray layui-bg-gray">
                            <div class="layui-col-md12">
                                <div class="font-weight pl-4 layui-font-14 layui-font-black">
                                    常规工单
                                </div>
                            </div>
                            <div class="layui-col-md4">
                                <div class="list-item active">
                                    <div class="checkbox-input ">
                                        <input type="checkbox" name="laterTimeCheck" checked>
                                    </div>
                                    <span class="layui-font-black">未及时接单：</span>
                                    <span class="form-input input-number-mini layui-font-black mr-3">
                                        <div class="layui-input-group">
                                            <input type="text" name="laterTime" lay-verify="required" lay-affix="number"
                                                placeholder="请输入" step="1" min="0" max="100"
                                                class="layui-input layui-mini">
                                            <div class="layui-input-split layui-input-suffix">
                                                %
                                            </div>
                                        </div>
                                    </span>
                                    <span>积分/每单</span>
                                </div>
                            </div>
                            <div class="layui-col-md4">
                                <div class="list-item active">
                                    <div class="checkbox-input ">
                                        <input type="checkbox" name="laterTimeCheck" checked>
                                    </div>
                                    <span class="layui-font-black">未及时完工：</span>
                                    <span class="form-input input-number-mini layui-font-black mr-3">
                                        <div class="layui-input-group">
                                            <input type="text" name="laterTime" lay-verify="required" lay-affix="number"
                                                placeholder="请输入" step="1" min="0" max="100"
                                                class="layui-input layui-mini">
                                            <div class="layui-input-split layui-input-suffix">
                                                %
                                            </div>
                                        </div>
                                    </span>
                                    <span>积分/每单</span>
                                </div>
                            </div>
                            <div class="layui-col-md4">
                                <div class="list-item active">
                                    <div class="checkbox-input ">
                                        <input type="checkbox" name="laterTimeCheck" checked>
                                    </div>
                                    <span class="layui-font-black">未及时接单、完工：</span>
                                    <span class="form-input input-number-mini layui-font-black mr-3">
                                        <div class="layui-input-group">
                                            <input type="text" name="laterTime" lay-verify="required" lay-affix="number"
                                                placeholder="请输入" step="1" min="0" max="100"
                                                class="layui-input layui-mini">
                                            <div class="layui-input-split layui-input-suffix">
                                                %
                                            </div>
                                        </div>
                                    </span>
                                    <span>积分/每单</span>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="py-3"></div>
                    <div class="p-5 base-card">
                        <div class="layui-row layui-col-space20 layui-font-gray layui-bg-gray">
                            <div class="layui-col-md12">
                                <div class="font-weight pl-4 layui-font-14 layui-font-black">
                                    临时报事工单
                                </div>
                            </div>
                            <div class="layui-col-md4">
                                <div class="list-item active">
                                    <div class="checkbox-input ">
                                        <input type="checkbox" name="laterTimeCheck" checked>
                                    </div>
                                    <span class="layui-font-black">未及时接单：</span>
                                    <span class="form-input input-number-mini layui-font-black mr-3">
                                        <div class="layui-input-group">
                                            <input type="text" name="laterTime" lay-verify="required" lay-affix="number"
                                                placeholder="请输入" step="1" min="0" max="100"
                                                class="layui-input layui-mini">
                                            <div class="layui-input-split layui-input-suffix">
                                                %
                                            </div>
                                        </div>
                                    </span>
                                    <span>积分/每单</span>
                                </div>
                            </div>
                            <div class="layui-col-md4">
                                <div class="list-item active">
                                    <div class="checkbox-input ">
                                        <input type="checkbox" name="laterTimeCheck" checked>
                                    </div>
                                    <span class="layui-font-black">未及时完工：</span>
                                    <span class="form-input input-number-mini layui-font-black mr-3">
                                        <div class="layui-input-group">
                                            <input type="text" name="laterTime" lay-verify="required" lay-affix="number"
                                                placeholder="请输入" step="1" min="0" max="100"
                                                class="layui-input layui-mini">
                                            <div class="layui-input-split layui-input-suffix">
                                                %
                                            </div>
                                        </div>
                                    </span>
                                    <span>积分/每单</span>
                                </div>
                            </div>
                            <div class="layui-col-md4">
                                <div class="list-item active">
                                    <div class="checkbox-input ">
                                        <input type="checkbox" name="laterTimeCheck" checked>
                                    </div>
                                    <span class="layui-font-black">未及时接单、完工：</span>
                                    <span class="form-input input-number-mini layui-font-black mr-3">
                                        <div class="layui-input-group">
                                            <input type="text" name="laterTime" lay-verify="required" lay-affix="number"
                                                placeholder="请输入" step="1" min="0" max="100"
                                                class="layui-input layui-mini">
                                            <div class="layui-input-split layui-input-suffix">
                                                %
                                            </div>
                                        </div>
                                    </span>
                                    <span>积分/每单</span>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>

                <!-- 普通计件 -->
                <!-- 普通计件 -->
                <!-- 普通计件 -->


                <div class="layui-bg-blue-500 layui-bg-white top-panel card-edit p-5 mb-5">
                    <div class="title-row">
                        <div class="title-left">
                            <div class="title-info">
                                <div class="title-line"></div>
                                <span class="title-text">普通计件</span>
                            </div>
                        </div>
                    </div>
                    <div class="p-5 base-card">
                        <div class="layui-row layui-col-space20 layui-font-gray layui-bg-gray">
                            <div class="layui-col-md12">
                                <div class="font-weight pl-4 layui-font-14 layui-font-black">
                                    常规工单
                                </div>
                            </div>
                            <div class="layui-col-md4">
                                <div class="list-item active">
                                    <div class="checkbox-input ">
                                        <input type="checkbox" name="laterTimeCheck" checked>
                                    </div>
                                    <span class="layui-font-black">未及时接单：</span>
                                    <span class="form-input input-number-mini layui-font-black mr-3">
                                        <div class="layui-input-group">
                                            <input type="text" name="laterTime" lay-verify="required" lay-affix="number"
                                                placeholder="请输入" step="1" min="0" max="100"
                                                class="layui-input layui-mini">
                                            <div class="layui-input-split layui-input-suffix">
                                                %
                                            </div>
                                        </div>
                                    </span>
                                    <span>积分/每单</span>
                                </div>
                            </div>
                            <div class="layui-col-md4">
                                <div class="list-item active">
                                    <div class="checkbox-input ">
                                        <input type="checkbox" name="laterTimeCheck" checked>
                                    </div>
                                    <span class="layui-font-black">未及时完工：</span>
                                    <span class="form-input input-number-mini layui-font-black mr-3">
                                        <div class="layui-input-group">
                                            <input type="text" name="laterTime" lay-verify="required" lay-affix="number"
                                                placeholder="请输入" step="1" min="0" max="100"
                                                class="layui-input layui-mini">
                                            <div class="layui-input-split layui-input-suffix">
                                                %
                                            </div>
                                        </div>
                                    </span>
                                    <span>积分/每单</span>
                                </div>
                            </div>
                            <div class="layui-col-md4">
                                <div class="list-item active">
                                    <div class="checkbox-input ">
                                        <input type="checkbox" name="laterTimeCheck" checked>
                                    </div>
                                    <span class="layui-font-black">未及时接单、完工：</span>
                                    <span class="form-input input-number-mini layui-font-black mr-3">
                                        <div class="layui-input-group">
                                            <input type="text" name="laterTime" lay-verify="required" lay-affix="number"
                                                placeholder="请输入" step="1" min="0" max="100"
                                                class="layui-input layui-mini">
                                            <div class="layui-input-split layui-input-suffix">
                                                %
                                            </div>
                                        </div>
                                    </span>
                                    <span>积分/每单</span>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="py-3"></div>
                    <div class="p-5 base-card">
                        <div class="layui-row layui-col-space20 layui-font-gray layui-bg-gray">
                            <div class="layui-col-md12">
                                <div class="font-weight pl-4 layui-font-14 layui-font-black">
                                    临时报事工单
                                </div>
                            </div>
                            <div class="layui-col-md4">
                                <div class="list-item active">
                                    <div class="checkbox-input ">
                                        <input type="checkbox" name="laterTimeCheck" checked>
                                    </div>
                                    <span class="layui-font-black">未及时接单：</span>
                                    <span class="form-input input-number-mini layui-font-black mr-3">
                                        <div class="layui-input-group">
                                            <input type="text" name="laterTime" lay-verify="required" lay-affix="number"
                                                placeholder="请输入" step="1" min="0" max="100"
                                                class="layui-input layui-mini">
                                            <div class="layui-input-split layui-input-suffix">
                                                %
                                            </div>
                                        </div>
                                    </span>
                                    <span>积分/每单</span>
                                </div>
                            </div>
                            <div class="layui-col-md4">
                                <div class="list-item active">
                                    <div class="checkbox-input ">
                                        <input type="checkbox" name="laterTimeCheck" checked>
                                    </div>
                                    <span class="layui-font-black">未及时完工：</span>
                                    <span class="form-input input-number-mini layui-font-black mr-3">
                                        <div class="layui-input-group">
                                            <input type="text" name="laterTime" lay-verify="required" lay-affix="number"
                                                placeholder="请输入" step="1" min="0" max="100"
                                                class="layui-input layui-mini">
                                            <div class="layui-input-split layui-input-suffix">
                                                %
                                            </div>
                                        </div>
                                    </span>
                                    <span>积分/每单</span>
                                </div>
                            </div>
                            <div class="layui-col-md4">
                                <div class="list-item active">
                                    <div class="checkbox-input ">
                                        <input type="checkbox" name="laterTimeCheck" checked>
                                    </div>
                                    <span class="layui-font-black">未及时接单、完工：</span>
                                    <span class="form-input input-number-mini layui-font-black mr-3">
                                        <div class="layui-input-group">
                                            <input type="text" name="laterTime" lay-verify="required" lay-affix="number"
                                                placeholder="请输入" step="1" min="0" max="100"
                                                class="layui-input layui-mini">
                                            <div class="layui-input-split layui-input-suffix">
                                                %
                                            </div>
                                        </div>
                                    </span>
                                    <span>积分/每单</span>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </form>


    </div>
</div>
<script>
    layui.use(['form', 'table', 'tabs', 'miniPage', 'element'], function () {
        var $ = layui.jquery,
            form = layui.form,
            table = layui.table,
            tabs = layui.tabs,
            laydate = layui.laydate,
            layer = layui.layer,
            util = layui.util,
            element = layui.element,
            miniPage = layui.miniPage;
        /******************** 事件 start ********************/
        form.render();
        $('#backBtn').on('click', function () {
            miniPage.backPageCreate()
        });
        /******************** 事件 end ********************/
        util.on('lay-on', {
            'edit': function () {
                miniPage.backPageCreate()

            },
            'cancel': function () {

                miniPage.backPageCreate()
            },
            // 问号事件
            'question_tips': function () {

                layer.tips(`<div class="t-c  layui-font-black layui-font-16 solid-bottom py-3 mb-3"><b>规则说明</b></div>
<div class="layui-font-13 layui-font-black">
<p class="mt-1">*规则中涉及的数据维度均针为前一天数据的实时统计。</p>
<p class="mt-1 font-weight">及时接单率：</p>
<p class="mt-1">工单报表中查询处理人、工单计划开始时间是前一天，统计出的及时接单率。</p>
<p class="mt-1 layui-font-gray layui-font-12">（*当前一天没有数据，如果有排班则扣除此项分数，如果无排班则不扣分）</p>
<p class="mt-1 font-weight">及时完工率：</p>
<p class="mt-1">工单报表中查询处理人、工单计划开始时间是昨天，统计出的及时完工率。</p>
<p class="mt-1 layui-font-gray layui-font-12">（*当前一天没有数据，如果有排班则扣除此项分数，如果无排班则不扣分）</p>
<p class="mt-1 font-weight">考勤异常：</p>
<p class="mt-1">考勤报表中此人前一天的出勤状态为迟到、早退、半天旷工、全天旷工、全天漏签到、上班漏签到、下班漏签到中任意一项时，扣除对应分值。</p>
<p class="mt-1 layui-font-gray layui-font-12">（*休假和没有排班不扣分；如果补卡为正常出勤则补回此项分数）</p>
<p class="mt-1 font-weight">坐岗、离岗、一人多机预警：</p>
<p class="mt-1">劳动力作业异常报表中，此人前一天存在异常告警时，扣除对应分值。</p>
<p class="mt-1 layui-font-gray layui-font-12">（*当全部异常告警都被判断为“系统误判”补回此项分数）</p>
</div>`, this, {
                    tips: [2, '#ffffff'],
                    area: ['480px', 'auto']

                });
            }
        })
        //监听提交
        form.on('submit(saveBtn)', function (data) {
            var index = layer.alert(JSON.stringify(data.field), {
                title: '最终的提交信息'
            }, function () {
                // 关闭弹出层
                layer.close(index);

            });


            return false;
        });
        //监听提交
        form.on('submit(saveBtn1)', function (data) {
            var index = layer.alert(JSON.stringify(data.field), {
                title: '最终的提交信息'
            }, function () {
                // 关闭弹出层
                layer.close(index);

            });


            return false;
        });



        /******************** 渲染组件 start ********************/

        // 指定开关事件
        form.on('switch(switchTest)', function (data) {
            layer.msg('开关 checked：' + (this.checked ? 'true' : 'false'), {
                offset: '6px'
            });
            layer.tips('温馨提示：请注意开关状态的文字可以随意定义，而不仅仅是 ON|OFF', data.othis)
        });


        form.render('select'); //刷新select选择框渲染
        // 起始日期
        laydate.render({
            elem: '#date_period_start',
            range: true
        });
        // 截止日期
        laydate.render({
            elem: '#date_period_end',
            range: true
        });
        // 初始化选项卡
        tabs.render({
            elem: '#planTabs',
            index: 0// 默认选中
        });

        // planTabs 切换事件
        tabs.on('afterChange(planTabs)', function (data) {
            var tabIndex = data.index;
            // 隐藏所有 pane-form
            $('.pane-form').addClass('');

            // 显示当前 tab 对应的 pane-form
            $('#pane-' + tabIndex).removeClass('');
        });




        /******************** 渲染组件 end ********************/


        // 开启监听 折叠展开事件
        miniPage.listen()

    });
</script>